<template>
  <div class="app-container app-containers">
    <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
      <el-form :inline="true">
        <el-form-item>
          <el-select v-model="value" clearable placeholder="审核状态" @change="selectGet">
              <el-option
                v-for="item in status"
                :key="item.statusId"
                :label="item.label"
                :value="item.statusId">
              </el-option>
          </el-select>
        </el-form-item>
                <el-form-item >
          <el-input placeholder="学校" v-model="searchName"></el-input>
        </el-form-item>
        <el-form-item>
           <el-button type="primary" @click="doFilter()"><i class="el-icon-search"></i>搜索</el-button>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="handleDownload" >导出excel</el-button>
        </el-form-item>
      </el-form>
    </el-col>
    <!--列表-->
    <el-table :data="tableList" ref="multipleTable"
    tooltip-effect="dark"
    @selection-change="handleSelectionChange" border style="width: 100%;">
 
        <!-- <el-table-column
      type="selection"
      width="55">
    </el-table-column> -->
      <el-table-column prop="username" label="姓名"  width="120px">
      </el-table-column>
      <el-table-column prop="mobile"  width="111px" label="电话">
      </el-table-column>
       <!-- <el-table-column prop="title2" width="100px" label="邮件">
      </el-table-column> -->
      <el-table-column prop="school_name" label="学校"  width="115"></el-table-column>
       <el-table-column prop="education" label="学历"  width="50">
      </el-table-column>
           <el-table-column prop="job_intension" label="求职岗位" width="120">
      </el-table-column>
      <el-table-column prop="date" label="投递时间" width="100">
         <template slot-scope="scope" >
           <span>{{scope.row.createtime|parseTime}}</span>
         </template>
      </el-table-column>
      <el-table-column  label="状态" width="80">
        <template slot-scope="scope">
          <el-tag size="small"  type="success"  v-if="scope.row.progress == 4">已通过</el-tag>
             <el-tag size="small" type="danger"  v-else-if="scope.row.ispass == -1">不通过</el-tag>
                        <el-tag size="small" type="info"  v-else-if="scope.row.progress == 0">未处理</el-tag>
                  <!-- <el-tag size="small"  v-else>{{scope.row.progress}}审</el-tag> -->
                  <!-- <el-tag size="small"  v-else>{{scope.row.progress}}审</el-tag> -->
                                      <el-tag size="small"  v-else-if="scope.row.progress==1">初面</el-tag>
                     <el-tag size="small"  v-else-if="scope.row.progress==2">专测</el-tag>
                      <el-tag size="small"  v-else-if="scope.row.progress==3">终面</el-tag>
        </template>
      </el-table-column>
      <el-table-column prop="operation" label="操作 " >
       <template slot-scope="scope" >
         <el-button size="small" type="primary"  @click="handleUpdate(scope.row)">查看</el-button>
                 <el-button v-if="scope.row.progress==4&&power==3" size="small"  type="warning" @click="sendNotice(scope.row)">发送通知
          </el-button>
         <el-button v-else-if="power==1||scope.row.progress==3" size="small"  type="success" @click="handleModifyStatus(scope.row,1)">通过
          </el-button>
              <el-button size="small"  type="info" @click="sendMask(scope.row)" v-else-if="scope.row.progress!==4">发送给他人</el-button>
          <!-- <el-button v-if="scope.row.status!='1'" size="mini" @click="handleModifyStatus(scope.row,'1')">禁用
          </el-button> -->
          <el-button size="small" v-if="scope.row.progress!=4" type="danger" @click="deleteUpdate(scope.row,0)">不通过</el-button>
 
        </template>
      </el-table-column>
    </el-table>

   <!-- <el-tree :data="options"   ref="tree" @check-change="getCheckedKeys"  show-checkbox :props="defaultProps"></el-tree> -->
      <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="page"
      :page-sizes="[10, 20, 100, 200,500]"
      :page-size="pageSize"
      layout="total, sizes, prev, pager, next"
      :total="total">
    </el-pagination>


    <el-dialog
  title="选择发给其他部门"
  :visible.sync="dialogVisible"
  width="40%"
  :modal-append-to-body='false' 
  :before-close="handleClose">

  <el-tree :data="options"   ref="tree" @check-change="getCheckedKeys"  show-checkbox :props="defaultProps"></el-tree>
  
    <el-col :span="24"   class="toolbar" style="padding-bottom: 0px;margin-top:20px;width:500px;">
     <el-form :inline="true" >
      
            <el-form-item style="width:320px;">
          <el-input style="width:318px;" placeholder="说点什么..." v-model="msg"></el-input>
        </el-form-item>

        <el-form-item>
       <el-button type="success" plain @click="addComment()">添加评语</el-button>
        </el-form-item>
 
      </el-form>
          <el-col>
              <div class="hr_box"></div>
                </el-col>
  </el-col>
  
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="sendToUser">确定发送</el-button>
  </span>
</el-dialog>




    <!-- 新增编辑院校 -->
    <el-dialog title="审核简历" :visible.sync="isShowEditVisible" :modal-append-to-body='false' >
      <el-dialog
      width="50%"
      title="选择发送给其他部门"
      :visible.sync="innerVisible"
      :modal-append-to-body='false'
      append-to-body>
      <el-tree :data="options"   ref="tree2" @check-change="getCheckedKeys"  show-checkbox :props="defaultProps"></el-tree>
        <span slot="footer" class="dialog-footer">
        <el-button @click="innerVisible= false">取 消</el-button>
        <el-button type="primary" @click="sendToUser(2)">确定发送</el-button>
      </span>
    </el-dialog>
        <img :src="temp.head_photo" class='uimg'/>
       <el-form label-position="left" inline class="demo-table-expand ">
       
          <el-form-item label="姓名:" class='newcolor'>
            <span >{{temp.username}}</span>
          </el-form-item>
              <el-form-item label="性别:"  >
            <span>{{temp.sex==1?'男':'女'}}</span>
          </el-form-item>
               <!-- <el-form-item label="年龄:">
            <span >{{temp.age}}岁</span>
          </el-form-item> -->
                    <el-form-item label="出生年月:">
            <span class='newcolor'>{{temp.birth}}</span>
          </el-form-item>
                  <el-form-item label="身高:">
            <span >{{temp.height}}CM</span>
          </el-form-item>
                  <el-form-item label="体重:">
            <span >{{temp.weight}}KG</span>
          </el-form-item>
         
              <el-form-item label="家庭住址:" >
            <span >{{temp.location}}</span>
          </el-form-item>
                  <!-- <el-form-item label="籍贯:" >
            <span >{{temp.region}}</span>
          </el-form-item> -->
            <el-form-item label="学校:" class='newcolor'>
            <span >{{temp.school_name}}</span>
          </el-form-item>
            <el-form-item label="专业:">
            <span class='newcolor'>{{temp.profession}}</span>
          </el-form-item>
            <el-form-item label="学历:">
            <span class='newcolor'>{{temp.education}}</span>
          </el-form-item>
          
                <el-form-item label="外语水平:">
            <span class='newcolor'>{{temp.english}}</span>
          </el-form-item>
            <el-form-item label="电话:">
            <span class='newcolor'>{{temp.mobile}}</span>
          </el-form-item>
            <el-form-item label="邮箱:">
            <span class='newcolor'>{{temp.email}}</span>
          </el-form-item>
                   <el-form-item label="政治面貌:">
            <span >{{temp.politic}}</span>
          </el-form-item>
                <el-form-item label="求职岗位:">
            <span class='newcolor'>{{temp.job_intension}}</span>
          </el-form-item>
       
      
              <el-col>
            <el-form-item label="个人介绍:" style="width:90%;marign:10px auto;border:1px dashed #e6e6e6;border-raduis:5px;padding-left:5px;">
            <div class=''>{{temp.campus_experience}}</div>
          </el-form-item>
              </el-col>
                 <el-col>
         <el-form-item class="wlable" label="△教育经历:" style="width:95%;marign:10px auto;">
 
            <div class='newcolor2'><div v-for="res,index in experiences"><div class='works'><span class='winfo'>学校:{{res.project_name}} ({{index==0?'本科':(index==1?'硕士':'博士')}})</span> <span style="
  display: inline-block;width:150px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">专业:{{res.project_job}}</span> <span class='winfo'>在校时间:{{res.start_time}}-{{res.endTime_txt}} </span> </div></div></div>

          </el-form-item>
          </el-col>
               <!-- <el-col>
            <el-form-item class="wlable" label="△工作经历:" style="width:95%;marign:10px auto;padding-left:5px;">
            <div class='newcolor2'><div v-for="it in works" class='works'><div class='work_info'><span class='winfo'>公司：{{it.company_name}} </span><span style="
  display: inline-block;width:150px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">岗位:{{it.job_name}}</span><span class='winfo'> 任职时间:{{it.start_time}}-{{it.end_time}} </span></div><div>工作描述:{{it.content}}</div></div></div>
          </el-form-item>
              <div class='hr_box' v-if="products.length>0"></div>
          </el-col> -->
                 <!-- <el-col>
            <el-form-item class="wlable" label="△附件:" style="width:95%;marign:10px auto;" v-if="products.length>0">
          <div style="width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;" ><div v-for="res in products" style="margin-top:10px;margin-left:10px;"> <img :src="res.filename" class='fimg' /> </div></div>
          </el-form-item>
         
          </el-col> -->

<el-col v-if="temp.comment&&temp.comment.length>0">
          <el-form-item>△评价： </el-form-item>
            <div v-for="i in temp.comment">
            <el-form-item :label="`${i.partment}-${i.username}:`" style="width:90%;marign:10px auto;border:1px dashed #e6e6e6;border-raduis:5px;padding-left:5px;word-wrap: break-word;">
            <div style="word-wrap: break-word;width:400px;">{{i.content}}</div>
          <div style="color:#838280;line-height:10px;padding-bottom:5px;">--- {{i.createtime|parseTime}}</div>
          </el-form-item>
          </div>
              </el-col>

        <el-col v-if="temp.check&&power==3">
           <el-form-item>△审核：</el-form-item>
    <div v-for="i in temp.check">
            <el-form-item :label="`${i.partment}-${i.aname}:`" style="width:90%;marign:10px auto;border:1px dashed #e6e6e6;border-raduis:5px;padding-left:5px;word-wrap: break-word;">
            <div style="word-wrap: break-word;width:200px;">{{i.ispass==1?'通过':(i.ispass==-1?'不通过':'未处理')}}</div>
        
          </el-form-item>
          </div>
          </el-col>

              <!-- <div v-if="temp.re_photo">
               <el-form-item>△附件：</el-form-item>
            <el-form-item></el-form-item>
            <img :src="temp.re_photo" class='fimg' />
              </div> -->
                 <el-col>
            <el-form-item class="wlable" label="△附件:" style="width:95%;marign:10px auto;padding-left:5px;" v-if="products.length>0">
          <div style="width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;" ><div v-for="res in products" style="margin-top:10px;margin-left:10px;"> <img :src="res.filename" class='fimg' /> </div></div>
          </el-form-item>
            
          </el-col>
       <el-col>
              <div class="hr_box"></div>
                </el-col>
        </el-form>
 
      <div slot="footer" class="dialog-footer" >
    <div v-if="temp.progress!=4">
        <el-button type="danger" @click="deleteUpdate(temp,1)">不通过</el-button>
        <el-button type="primary" :loading="listLoading" @click="updateData" class="title1" v-if="power==1">通过</el-button>
              <el-button type="primary" @click="innerVisible = true" v-else>发送到其他部门</el-button>
      </div>
        <el-button @click="isShowEditVisible = false"  v-else>取 消</el-button>
      </div>
    </el-dialog>

    <!-- 删除弹框 -->
    <el-dialog
      title="审核"
      :visible.sync="deleteVisible"
       :modal-append-to-body='false'
      width="30%">
      <span>确认不通过该简历?</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="deleteVisible = false">取 消</el-button>
        <el-button type="primary" @click="submitDelete">确 定</el-button>
      </span>
    </el-dialog>

  </div>
</template>



<script>

export default {
  data() {
    return {
      tableList: [],
      showMask: false,
      options: [],
      progress: 5,
      innerVisible: false,
      defaultProps: {
        children: 'get_users',
        label: 'pname'
      },
      works: [],
      products: [],
      experiences: [],
      dialogVisible: false,
      listLoading: true,
      isShowEditVisible: false,
      deleteVisible: false,
      temp: {},
      total: 10,
      page: 1,
      pageSize: 10,
      currentPage2: 1,
      status: [
        {
          statusId: 5,
          label: '全部'
        }, {
          statusId: -1,
          label: '不通过'
        }, {
          statusId: 0,
          label: '未处理'
        }, {
          statusId: 1,
          label: '初审'
        }, {
          statusId: 2,
          label: '专测'
        },
        {
          statusId: 3,
          label: '终审'
        }, {
          statusId: 4,
          label: '已通过'
        }
      ],
      msg: '',
      power: 1,
      value: '',
      searchName: '',
      filterTableDataEnd: []
    }
  },
  created() {

  },
  mounted() {
    var power = localStorage.getItem('power')
    this.power = power
    this.getPartmentUser()
    this.fetchData()
  },
  filters: {
    statusFilter(status) {
      const statusMap = {
        1: 'success',
        2: 'danger'
      }
      return statusMap[status]
    }
  },
  methods: {

    // 添加评语
    addComment() {
      var that = this
      var row = Object.assign({}, that.job)
      var uid = localStorage.getItem('uid')
      var msg = this.msg
      if (msg && uid && row.id) {
        const data = {
          adminid: uid,
          userid: row.id,
          content: msg
        }
        that
          .$request({
            url: '/admin/addcomment',
            method: 'post',
            data
          })
          .then(res => {
            this.listLoading = false
            if (res.code === 200) {
              that.msg = ''
              that.$message({ message: '添加评论成功!', type: 'success' })
            } else {
              that.$message({ message: '已经添加过评论!', type: 'warning' })
            }
          })
      } else {
        this.$notify({
          title: '提示',
          message: '添加评语',
          type: 'warning',
          duration: 1600
        })
      }
    },

    getUserDetail(userid) {
      var that = this
      if (userid) {
        const data = {
          userid: userid
        }
        that
          .$request({
            url: '/admin/getuserdetail',
            method: 'post',
            data
          })
          .then(res => {
            if (res.code === 200) {
              if (res.data.comment) {
                that.temp.comment = res.data.comment
                that.temp.check = res.data.check
                that.temp.re_photo = res.data.re_photo
              }
            }
          })
      }
    },
    handleDownload() {
      this.downloadLoading = true
      import('@/vendor/Export2Excel').then(excel => {
        // 1代表男性
        const tHeader = ['Id', '姓名', '性别', '出生年月', '手机', '邮箱', '头像', '身高', '体重', '政治面貌', '学校', '专业', '英语等级', '求职岗位', '家庭住址', '教育经历', '其他信息', '简历附件']
        const filterVal = ['id', 'username', 'sex', 'birth', 'mobile', 'email', 'head_photo', 'height', 'weight', 'politic', 'school_name', 'profession', 'english', 'education', 'location', 'expriences', 'campus_experience', 'products']
        const list = this.tableList
        const data = this.formatJson(filterVal, list)
        var myDate = new Date()
        const filename = '简历' + (myDate.getMonth() + 1) + myDate.getDate()
        excel.export_json_to_excel({
          header: tHeader,
          data,
          filename: filename,
          autoWidth: true
        })
        this.downloadLoading = false
      })
    },
    formatJson(filterVal, jsonData) {
      return jsonData.map(v => filterVal.map(j => {
        if (j === 'sex') {
          var pre = '女'
          if (v[j] == 1) {
            pre = '男'
          }
          return pre
        } else {
          return v[j]
        }
      }))
    },

    selectGet(val) {
      if (!val || val === '') {
        val = 0
      }
      this.progress = val
    },

    doFilter() {
      if (this.searchName === '' && this.progress === '') {
        this.$message.warning('查询条件不能为空！')
        return
      }
      var param = {}
      if (this.searchName !== '') {
        param.school_name = this.searchName
      }
      if (this.progress !== '') {
        param.progress = this.progress
      }
      this.page = 1
      console.log('参数')
      console.log(param)
      this.getPassUser(param)
    },
    getPassUser(param) {
      this.listLoading = true
      var that = this
      console.log('---=')
      var uid = localStorage.getItem('uid')
      var power = localStorage.getItem('power')
      this.power = power
      var page = this.page
      var limit = this.pageSize

      that.tableList = []
      that.total = 0
      var data = {
        uid: uid,
        page: page,
        power: power,
        limit: limit
      }

      if (power == 3) {
        if (param.school_name) {
          data.school_name = param.school_name
        }
        if (param.progress !== '') {
          data.progress = param.progress
        }

        that
          .$request({
            url: '/admin/getpassuser',
            method: 'post',
            data
          })
          .then(res => {
            console.log(res)
            this.listLoading = false
            if (res.code === 200) {
            // that.tableList = res.data;
              that.total = res.count
              that.tableList = res.data
            }
          })
      }
    },
    fetchData(param = '') {
      this.listLoading = true
      var that = this
      var uid = localStorage.getItem('uid')
      var power = localStorage.getItem('power')
      this.power = power
      var page = this.page
      var limit = this.pageSize
      var progress = this.progress
      var data = {
        uid: uid,
        page: page,
        progress: progress,
        power: power,
        limit: limit
      }

      if (power == 3) {
        if (param) {
          data.school_name = param.school_name
        }
        that
          .$request({
            url: '/user/userlist',
            method: 'post',
            data
          })
          .then(res => {
            this.listLoading = false
            if (res.code == 200) {
            // that.tableList = res.data;
              that.total = res.count
              that.tableList = res.data
            }
          })
      } else {
        that
          .$request({
            url: '/admin/getresume',
            method: 'post',
            data
          })
          .then(res => {
            this.listLoading = false

            if (res.code == 200) {
            // that.tableList = res.data;
              that.total = res.count
              that.tableList = res.data
            }
          })
      }
    },

    getResume() {
      var that = this
      var uid = localStorage.getItem('uid')
      var power = localStorage.getItem('power')
      var page = this.page
      const data = {
        uid: uid,
        page: page,
        power: power
      }
      that
        .$request({
          url: '/admin/getresume',
          method: 'post',
          data
        })
        .then(res => {
          this.listLoading = false
          if (res.code == 200) {
            that.total = res.count
            that.tableList = res.data
          }
        })
    },
    // 通知
    sendNotice(row) {
      var that = this

      var power = localStorage.getItem('power')

      if (power == 3 && row.progress == 4 && row.openid) {
        const data = {
          'openid': row.openid

        }
        that
          .$request({
            url: '/user/form_mode',
            method: 'post',
            data
          })
          .then(res => {
            this.listLoading = false
            if (res.code == 200) {
              that.$message({ message: '发送提醒成功!', type: 'success' })
            }
          })
      }
    },
    handleClose() {
      this.dialogVisible = false
    },
    handleNodeClick(data) {

    },
    sendMask(row) {
      this.dialogVisible = true
      this.job = row
    },

    handleCheckChange(data, checked, indeterminate) {

    },

    getPartmentUser() {
      var that = this
      that
        .$request({
          url: '/admin/partmentuser',
          method: 'post'
        })
        .then(res => {
          if (res.code == 200) {
            const newarr = []
            const info = res.data
            for (var i = 0; i < info.length; i++) {
              if (info[i].get_users) {
                var users = info[i].get_users
                for (var j = 0; j < users.length; j++) {
                  info[i].get_users[j].pname = users[j].username
                }
              }
            }

            that.options = res.data
          }
        })
    },

    getCheckedKeys(t = 1) {
      var info=''
      if (t == 2) {
        info = this.$refs.tree2.getCheckedNodes(true)
      } else  if(this.$refs.tree){
        info = this.$refs.tree.getCheckedNodes(true)
      }

      var arr = []

      for (var i = 0; i < info.length; i++) {
        if (info[i].uid != undefined && info[i]) {
          arr.push(info[i].uid)
        }
      }
      return arr
    },
    clickfun(e) {

    },
    userStatus(data) {
      var that = this
      that
        .$request({
          url: '/admin/userstatus',
          method: 'post',
          data
        })
        .then(res => {
          if (res.code == 200) {
            this.$notify({
              title: '成功',
              message: '审核成功',
              type: 'success',
              duration: 900
            })
          }
        })
    },
    sendToUser(t = 1) {
      var that = this
      var job = this.temp

      var myuid = localStorage.getItem('uid')
      var arr = this.getCheckedKeys(t)

      if (arr.length <= 0) {
        this.$notify({
          title: '提示',
          message: '选择部门人员',
          type: 'warning',
          duration: 2000
        })
      } else {
        if (job && job.progress < 4 && myuid) {
          for (var i = 0; i < arr.length; i++) {
            var job_id = job.id
            var to_id = arr[i]
            var param = {
              'to_id': to_id,
              job_id: job_id,
              form_id: myuid,
              progress: job.progress
            }

            that.sendHR(param)
          }
        }
      }
    },
    changeStatus(job_id, pass = 0, progress = 1) {
      var that = this
      var adminid = localStorage.getItem('uid')
      var power = localStorage.getItem('power')
      if (adminid) {
        if (pass == 1 && power == 2) {
          return
        }
        const data = {

          job_id: job_id,
          adminid: adminid,
          isadmin: 1,
          ispass: pass,
          progress: progress
        }
        that
          .$request({
            url: '/admin/userstatus',
            method: 'post',
            data
          })
          .then(res => {
            if (res.code == 200) {
              this.$notify({
                title: '成功',
                message: '审核成功',
                type: 'success',
                duration: 900
              })
              that.fetchData()

              that.dialogVisible=false;
              that.innerVisible=false;
              that.showMask= false;
              that.isShowEditVisible= false;
              that.deleteVisible= false;
            }
          })
      }
    },
    sendHR(data) {
      var that = this
      that
        .$request({
          url: '/admin/sendhr',
          method: 'post',
          data
        })
        .then(res => {
          if (res.code == 200) {
            this.$notify({
              title: '成功',
              message: '发送成功',
              type: 'success',
              duration: 900
            })
                       that.fetchData()
              that.dialogVisible=false;
              that.innerVisible=false;
              that.showMask= false;
              ithat.isShowEditVisible= false;
              that.deleteVisible= false;
          }
        })
    },
    handleUpdate(row) {
      this.isShowEditVisible = true

      this.temp = Object.assign({}, row)
      if (row.works) {
        this.works = JSON.parse(row.works)
      }
      if (row.experiences) {
        this.experiences = JSON.parse(row.experiences)
      }
      if (row.products) {
        this.products = JSON.parse(row.products)
      }
      this.getUserDetail(this.temp.id)
    },
    deleteUpdate(row, isshow = 1) {
      if (isshow == 0) {
        this.deleteVisible = true
      } else {
        this.isShowEditVisible = false
      }

      this.deleteVisible = true
      this.temp = Object.assign({}, row)
      var uid = localStorage.getItem('uid')
      const param = {
        ispass: 0,
        uid: uid,
        id: this.temp.id
      }
    },
    submitDelete() {
      const tempData = Object.assign({}, this.temp)
      var that = this

      that.changeStatus(tempData.id, 0, tempData.progress)
      this.deleteVisible = false
      this.$notify({
        title: '操作成功',
        message: '审核成功',
        type: 'success',
        duration: 2000
      })
    },
    handleSelectionChange() {},
    handleModifyStatus(row, status) {
      this.changeStatus(row.id, 1, row.progress)
      this.$message({
        message: '操作成功',
        type: 'success'
      })
    },
    updateData() {
      const tempData = Object.assign({}, this.temp)
      this.isShowEditVisible = false
    },

    handleSizeChange(val) {
      this.pageSize = val
      this.fetchData()
    },
    handleSetLineChartData() {

    },
    handleCurrentChange(val) {
      this.page = val

      this.fetchData()
    },
    currentChangePage(list) {

    }

  }
}
</script>
<style scoped>
.app-containers{
  height: 88.5vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.demo-table-expand {
  font-size: 0;
}
.ptitle{
  color: #99a9bf;
  padding: 11px;
}
.newcolor2{
    width: 100%;
  border-bottom: 1px dashed  #e6e6e6; 
}
.work_info{
  width: 100%;
  display: block;
  font-size: 13px;

}
.hr_box{
  height: 20px;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.demo-table-expand label {
  width: 78px;
  color: #99a9bf;
  font-size: 14px;


}
.wlable label {
  width: 88px;
  color: #99a9bf;
  font-size: 14px;
 
}
.demo-table-expand .el-form-item {
  margin-right: 0;
  margin-bottom: 0;
  width: 50%;
  line-height: 30px;
}
.works{
  width: 100%;

  margin-bottom: 5px;
}
.winfo{
  width: 160px;
  height: 30px;
  display: inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.uimg {
  width: 80px;
  height: 80px;
  position: absolute;
  right: 55px;
  top: 80px;
  border-radius: 5px;
}
.el-form-item__content {
  line-height: 40px;
}
.fimg{
  width:100px;
  height:100px;

  
}
</style>
